<template>
    <article>
        <header>单选框</header>
        <section>
            <header>颜色</header>
            <div>
                <cv-radio name="aaaa" c="radio default medium distant">普通单选框</cv-radio>
                <cv-radio name="aaaa" c="radio primary medium distant">主要单选框</cv-radio>
                <cv-radio name="aaaa" c="radio success medium distant">成功单选框</cv-radio>
                <cv-radio c="radio warn medium distant">警告单选框</cv-radio>
                <cv-radio c="radio error medium distant">危险单选框</cv-radio>
            </div>
        </section>
        <section>
            <header>大小</header>
            <div>
                <cv-radio c="radio primary large distant">大单选框</cv-radio>
                <cv-radio c="radio primary medium distant">中单选框</cv-radio>
                <cv-radio c="radio primary small distant">小单选框</cv-radio>
                <cv-radio c="radio primary mini distant">迷你单选框</cv-radio>
            </div>
        </section>
    </article>
</template>

<script>
    export default {
        name: "ExampleRadio"
    }
</script>

<style scoped>
</style>
